<template>
     <div>
         <!-- 三级导航 -->
         <TypeNav></TypeNav>
          <!-- 轮播图 -->
         <ListContainer></ListContainer>
         <!-- 今日推荐 -->
         <Recommend></Recommend>
        <!-- 商品排行 -->
         <Rank></Rank>
        <!-- 猜你喜欢 -->
         <Like></Like>
        <!-- 楼层  遍历响应回来的数据 并将数据传递给floor-->
         <Floor v-for="floor in floorList" :key="floor.id" :floor="floor" :cname=" 'floor-swiper' + floor.id "></Floor>
        <!-- 楼层 -->
         <!-- <Floor></Floor> -->
        <!-- 商品排行 -->
         <Brand></Brand>
        
     </div>
</template>

<script>
// import TypeNav from '../../components/TypeNav'
import ListContainer from './ListContainer'
import Recommend from './Recommend'
import Rank from './Rank'
import Like from './Like'
import Floor from './Floor'
import Brand from './Brand'

import {mapState} from 'vuex'
export default {
   name:'Home',
    //components:{TypeNav,ListContainer,Recommend,Rank,Like,Floor,Brand},
    components:{ListContainer,Recommend,Rank,Like,Floor,Brand},
    mounted(){
        //获取楼层数据
        this.$store.dispatch('home/getFloorListData')
    },
    computed:{
         ...mapState('home',['floorList'])
    }
}
</script>

<style>
/* 

  
*/
</style>